$(function(){
	//增加
	$(".zj").click(function(){
		var ftr = $("#table tr:eq(1)");
		var ntr = ftr.clone(true);
		var n=$("table tr");
		var a = n.length+1;
		
		ntr.children(":first").text(a);
		if(a<=10){
			ntr.appendTo(ftr.parent());
			ntr.append('<td><a class="sc" href="javascript:;">删除</a></td>');
		}else{
			$("#box3").css("display","block");
		}
	$()
	})
	//关闭
	$(".g").click(function(){
		$("#box3").css("display","none");
	})
	//属性hover
	$(".xx1").hover(function(){
		$(".dd1").show();
		$(".curr1").css("background-color","red" );	
		$(".curr1").css("color","black" );
		$(".dd1 span").each(function(){
			var s = $(".xx1").find("dt:eq(0)").text();
			if(s==$(this).text()){
				$(this).css("background-color","red");
				$(this).css("color","white");
			}else{
				$(this).css("background-color","white");
				$(this).css("color","black");
			}
		})
		
	},function(){
		$(".dd1").css("display","none");
	})
	$(".dd1 span").hover(function(){
		$(this).css("background-color","red");
		$(this).css("color","white");
	},function(){
		$(this).css("background-color","white");
		$(this).css("color","black");
	})
	
	$(".dd1").find("span").click(function(){
		var n = $(this).text();
		$(this).parent().siblings("dt:eq(0)").text(n);
	})
	
	//口味
	$(".xx2").hover(function(){
		$(".dd2").show();
		$(".curr2").css("background-color","red" );	
		$(".curr2").css("color","black" );
		$(".dd2 span").each(function(){
			var s = $(".xx2").find("dt:eq(0)").text();
			if(s==$(this).text()){
				$(this).css("background-color","red");
				$(this).css("color","white");
			}else{
				$(this).css("background-color","white");
				$(this).css("color","black");
			}
		})
		
	},function(){
		$(".dd2").css("display","none");
	})
	$(".dd2 span").hover(function(){
		$(this).css("background-color","red");
		$(this).css("color","white");
	},function(){
		$(this).css("background-color","white");
		$(this).css("color","black");
	})
	
	$(".dd2").find("span").click(function(){
		var n = $(this).text();
		$(this).parent().siblings("dt:eq(0)").text(n);
	})
	
	
	$(".xx3").hover(function(){
		$(".dd3").show();
		$(".curr3").css("background-color","red" );	
		$(".curr3").css("color","black" );
		$(".dd3 span").each(function(){
			var s = $(".xx3").find("dt:eq(0)").text();
			if(s==$(this).text()){
				$(this).css("background-color","red");
				$(this).css("color","white");
			}else{
				$(this).css("background-color","white");
				$(this).css("color","black");
			}
		})
		
	},function(){
		$(".dd3").css("display","none");
	})
	$(".dd3 span").hover(function(){
		$(this).css("background-color","red");
		$(this).css("color","white");
	},function(){
		$(this).css("background-color","white");
		$(this).css("color","black");
	})
	
	$(".dd3").find("span").click(function(){
		var n = $(this).text();
		$(this).parent().siblings("dt:eq(0)").text(n);
	})
	
	
	$(".xx4").hover(function(){
		$(".dd4").show();
		$(".curr4").css("background-color","red" );	
		$(".curr4").css("color","black" );
		$(".dd4 span").each(function(){
			var s = $(".xx4").find("dt:eq(0)").text();
			if(s==$(this).text()){
				$(this).css("background-color","red");
				$(this).css("color","white");
			}else{
				$(this).css("background-color","white");
				$(this).css("color","black");
			}
		})
		
	},function(){
		$(".dd4").css("display","none");
	})
	$(".dd4 span").hover(function(){
		$(this).css("background-color","red");
		$(this).css("color","white");
	},function(){
		$(this).css("background-color","white");
		$(this).css("color","black");
	})
	
	$(".dd4").find("span").click(function(){
		var n = $(this).text();
		$(this).parent().siblings("dt:eq(0)").text(n);
	})
	
	
	$(".xx5").hover(function(){
		$(".dd5").show();
		$(".curr5").css("background-color","red" );	
		$(".curr5").css("color","black" );
		$(".dd4 span").each(function(){
			var s = $(".xx4").find("dt:eq(0)").text();
			if(s==$(this).text()){
				$(this).css("background-color","red");
				$(this).css("color","white");
			}else{
				$(this).css("background-color","white");
				$(this).css("color","black");
			}
		})
		
	},function(){
		$(".dd5").css("display","none");
	})
	$(".dd5 span").hover(function(){
		$(this).css("background-color","red");
		$(this).css("color","white");
	},function(){
		$(this).css("background-color","white");
		$(this).css("color","black");
	})
	
	$(".dd5").find("span").click(function(){
		var n = $(this).text();
		$(this).parent().siblings("dt:eq(0)").text(n);
	})
	$("#table tr").on("click",".sc",function(){
		$(this).parent().parent().remove();
		
		$(".biao").each(function(index){
			$(this).html(index+1);
		})
	})
})